<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户统计</title>
    <link rel="stylesheet" href="css/myself/public.css" type="text/css">
    <link rel="stylesheet" href="css/myself/user_admin.css" type="text/css">
    <link rel="stylesheet" href="css/myself/sideBar.css" type="text/css">
    <link rel="stylesheet" href="css/public/bootstrap.min.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/public/bootstrap-datetimepicker.min.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/myself/user_statistics.css" type="text/css">
    <link rel="stylesheet" href="css/myself/scroll_init.css" type="text/css" >

</head>

<body>
<div class="main clearFloat">
    <!--右边的-->
    <div class="main_right fr">

        <!--最顶部的展示信息-->
        <div class="header clearFloat">
            <ul class="fr clearFloat admin">
                <li>admin</li>
                <li><img src="images/ad1.jpg" alt="">修改密码</li>
                <li><img src="images/ad2.jpg" alt="">退出</li>
            </ul>
            <h1 class="fl">全民健康后台管理系统</h1>
        </div>

        <!--有关各种条件....-->
        <div class="blue">
            <form action="" method="">

                <!--上面浮动的三个li-->
                <ul class="shang clearFloat statistics_tab">
                    <!--<li><img src="images/chi.png" alt=""></li>-->
                    <li class="active">新增用户统计</li>
                    <li>活跃用户统计</li>
                    <!--<li>留存用户统计</li>-->
                </ul>

                <!--下拉菜单...有关统计方式-->
                <div class="publish">
                    <label>统计方式:&nbsp;&nbsp;&nbsp;</label>
                    <select class="religion statisticsWay">
                        <option value="1">按时统计</option><!--默认显示;24小时-->
                        <option value="2">按天统计</option><!--显示;30天-->
                        <option value="3">按月统计</option><!--显示;12个月-->
                        <option value="4">按年统计</option><!--显示年份...整年....-->
                    </select>

                </div>
            </form>
        </div>

        <!--展示用户数量-->
        <ul class="user_count clearFloat lll">
            <li class="oneday">
                <!--<span class="small">今日新增</span>-->
                <!--<br>-->
                <!--<span class="count ">0</span>-->
            </li>
            <li class="yesterday">
                <!--<span class="small">昨日新增</span>-->
                <!--<br>-->
                <!--<span class="count">0</span>-->
            </li>
            <li class="sevenday">
                <!--<span class="small">本周新增</span>-->
                <!--<br>-->
                <!--<span class="count">0</span>-->
            </li>
            <li class="onemonth">
                <!--<span class="small">本月新增</span>-->
                <!--<br>-->
                <!--<span class="count">0</span>-->
            </li>
            <li class="allday">
                <!--<span class="small">总用户</span>-->
                <!--<br>-->
                <!--<span class="count">0</span>-->
            </li>
        </ul>

        <!--展示图表的信息...和...日历-->
        <div class="echarts_div clearFloat">

            <div class="echarts_cont fl">

                <!--用来放echarts的图的div-->
                <div id="echarts_main"></div>

                <!--用来放切换的按钮....-->
                <div class="clearFloat tab_btn">

                    <p class="next fr">下一天</p>

                    <p class="previous fl">上一天</p>

                </div>

            </div>

            <!--用来放跟日历相关的一些东西-->
            <div class="fl clearFloat saveCalendar">

                <!--用来放datePicker的一个容器...1...日期...-->
                <div class="mydate fl date active" id="myDate"></div>
                <input type="text" id="mirror_field" readonly hidden style="display: none;">
                <!--2...月...-->
                <div class="mydate fl month" id="myDate_two"></div>
                <input type="text" id="mirror_field_two" readonly hidden style="display: none;">
                <!--3...年...-->
                <div class="mydate fl year" id="myDate_three"></div>
                <input type="text" id="mirror_field_three" readonly hidden style="display: none;">

            </div>

        </div>

    </div>

    <!--左边的logo&侧边栏-->
    <div class="main_left fl">

        <div class="setSideBarPosition div_scroll">

            <div>

                <div class="logo"><img src="images/logo1.jpg" alt="全民健康"></div>
                <!--引用jqueryUI写出来的侧边栏-->
                <div id="accordion"></div>

            </div>

        </div>

    </div>
</div>

<!--遮罩层-->
<div class="mask-change"></div>
<!--修改密码的弹出框-->
<div class="chang-password">
    <div class="cancle"><img src="images/cha.png" alt=""></div>
    <h2>修改密码</h2>
    <form action="">
        <p><label for="now">新密码</label><input type="password" id="now" required name="newpassword"><span class="noEmpty">*不能为空</span></p>
        <p>
            <label for="con">再次输入新密码</label><input type="password" id="con" required name="reInput">
            <span class="noEmpty">*不能为空</span>
            <span class="noCommon">*与上面的不一致</span>
        </p>

        <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-change-password" value="确定"></p>
    </form>
</div>
<!--确定是否要退出-->
<div class="tuichu every-tuichu">
    <h2>是否退出登录</h2>
    <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-exit" value="确定"></p>
</div>

</body>

<script type="text/javascript" src="js/public/jquery.js"></script>
<script type="text/javascript" src="js/public/base64.js"></script>
<script type="text/javascript" src="url/address.js"></script>
<script type="text/javascript" src="js/public/mousewheel.js"></script>
<script type="text/javascript" src="js/public/easyscroll.js"></script>
<script type="text/javascript" src="js/myself/public.js"></script>
<script type="text/javascript" src="js/public/echarts.min.js"></script>
<script type="text/javascript" src="js/public/bootstrap.min.js"></script>
<script type="text/javascript" src="js/public/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="js/public/bootstrap-datetimepicker.fr.js"></script>
<!--<script type="text/javascript" src="js/myself/user_statistics.js"></script>-->
<script>

    var t = new Date();

    var file = document.createElement('script');
    file.src = 'js/myself/user_statistics.js?ver=' + t.getTime();
    var html = document.getElementsByTagName('body')[0];
    html.appendChild( file );

</script>

</html>
